<!DOCTYPE HTML>
<html lang="en-US">
    
<!-- Mirrored from beoro-admin.tzdthemes.com/index.php?page=widgets by HTTrack Website Copier/3.x [XR&CO'2013], Mon, 24 Mar 2014 17:55:22 GMT -->
<head>

        <meta charset="UTF-8">
        <title>Beoro Admin Template v1.2</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link rel="icon" type="image/ico" href="favicon.ico">
        
    <!-- common stylesheets-->
        <!-- bootstrap framework css -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
        <!-- iconSweet2 icon pack (16x16) -->
            <link rel="stylesheet" href="img/icsw2_16/icsw2_16.css">
        <!-- splashy icon pack -->
            <link rel="stylesheet" href="img/splashy/splashy.css">
        <!-- flag icons -->
            <link rel="stylesheet" href="img/flags/flags.css">
        <!-- power tooltips -->
            <link rel="stylesheet" href="js/lib/powertip/jquery.powertip.css">
        <!-- google web fonts -->
            <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Abel">
            <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300">

    <!-- aditional stylesheets -->
        <!-- tree plugin -->
            <link rel="stylesheet" href="js/lib/dynatree/skin/ui.dynatree.css">


        <!-- main stylesheet -->
            <link rel="stylesheet" href="css/beoro.css">

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
            
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->

    </head>
    <body class="bg_d">
    <!-- main wrapper (without footer) -->    
        <div class="main-wrapper">
        <!-- top bar -->
            <div class="navbar navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        <div class="pull-right top-search">
                            <form action="#" >
                                <input type="text" name="q" id="q-main">
                                <button class="btn"><i class="icon-search"></i></button>
                            </form>
                        </div>
                        <div id="fade-menu" class="pull-left">
                            <ul class="clearfix" id="mobile-nav">
                                <li>
                                    <a href="javascript:void(0)">Forms</a>
                                    <ul>
                                        <li>
                                            <a href="index00b1.html?page=form_elements">Form elements</a>
                                        </li>
                                        <li>
                                            <a href="index463f.html?page=form_validation">Form validation</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Components</a>
                                    <ul>
                                        <li>
                                            <a href="indexb320.html?page=calendar">Calendar</a>
                                        </li>
                                        <li>
                                            <a href="indexb730.html?page=charts">Charts</a>
                                        </li>
                                        <li>
                                            <a href="indexb300.html?page=contact_list">Contact List</a>
                                        </li>
                                        <li>
                                            <a href="index6f93.html?page=datatables">Datatables</a>
                                        </li>
                                        <li>
                                            <a href="indexd586.html?page=editable_elements">Editable Elements</a>
                                        </li>
                                        <li>
                                            <a href="index5f4e.html?page=file_manager">File manager</a>
                                        </li>
                                        <li>
                                            <a href="indexd590.html?page=gallery">Gallery</a>
                                        </li>
                                        <li>
                                            <a href="indexae6f.html?page=gmaps">Google Maps</a>
                                        </li>
                                        <li>
                                            <a href="#">Tables</a>
                                            <ul>
                                                <li><a href="index8a93.html?page=tables_regular">Regular Tables</a></li>
                                                <li><a href="index1088.html?page=table_stacking">Stacking Table</a></li>
                                                <li><a href="index19e1.html?page=table_examples">Table examples</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="indexbb4d.html?page=wizard">Wizard</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">UI Elements</a>
                                    <ul>
                                        <li><a href="index9d8e.html?page=alerts_buttons">Alerts, Buttons</a></li>
                                        <li><a href="index7632.html?page=grid">Grid</a></li>
                                        <li><a href="index7fa9.html?page=icons">Icons</a></li>
                                        <li><a href="index8067.html?page=js_grid">JS Grid</a></li>
                                        <li>
                                            <a href="index7d5f.html?page=notifications">Notifications</a>
                                        </li>
                                        <li><a href="index7a1c.html?page=tabs_accordions">Tabs, Accordions</a></li>
                                        <li><a href="index2043.html?page=tooltips_popovers">Tooltips, Popovers</a></li>
                                        <li><a href="indexa62f.html?page=typography">Typography</a></li>
                                        <li><a href="index589c.html?page=widgets">Widgets</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Other pages</a>
                                    <ul>
                                        <li><a href="index72d4.html?page=ajax_content">Ajax content</a></li>
                                        <li><a href="index2154.html?page=blank">Blank page</a></li>
                                        <li><a href="index1b62.html?page=blog_page">Blog page</a></li>
                                        <li><a href="index9852.html?page=blog_page_single">Blog page (single)</a></li>
                                        <li><a href="index38c4.html?page=chat">Chat</a></li>
                                        <li><a href="error_404.html">Error 404</a></li>
                                        <li><a href="indexbb2d.html?page=help_faq">Help/Faq</a></li>
                                        <li><a href="indexb59b.html?page=invoices">Invoices</a></li>
                                        <li><a href="login.html">Login Page</a></li>
                                        <li><a href="indexa8a8.html?page=mailbox">Mailbox</a></li>
                                        <li><a href="index0aa3.html?page=user_profile">User profile</a></li>
                                        <li><a href="index74a7.html?page=settings">Site Settings</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Sub-menu</a>
                                    <ul>
                                        <li><a href="#">Section 1</a></li>
                                        <li><a href="#">Section 2</a></li>
                                        <li><a href="#">Section 3</a></li>
                                        <li>
                                            <a href="#">Section 4</a>
                                            <ul>
                                                <li><a href="#">Section 4.1</a></li>
                                                <li><a href="#">Section 4.2</a></li>
                                                <li><a href="#">Section 4.3</a></li>
                                                <li>
                                                    <a href="#">Section 4.4</a>
                                                    <ul>
                                                        <li><a href="#">Section 4.4.1</a></li>
                                                        <li><a href="#">Section 4.4.2</a></li>
                                                        <li><a href="#">Section 4.4.4</a></li>
                                                        <li><a href="#">Section 4.4.5</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Section5</a></li>
                                        <li><a href="#">Section6</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        <!-- header -->
            <header>
                <div class="container">
                    <div class="row">
                        <div class="span3">
                            <div class="main-logo"><a href="index28ad.html?page=dashboard"><img src="img/beoro_logo.png" alt="Beoro Admin"></a></div>
                        </div>
                        <div class="span5">
                            <nav class="nav-icons">
                                <ul>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Dashboard"><i class="icsw16-home"></i></a></li>
                                    <li class="dropdown">
                                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"><i class="icsw16-create-write"></i> <span class="caret"></span></a>
                                        <ul role="menu" class="dropdown-menu">
                                            <li role="presentation"><a href="#" role="menuitem">Action</a></li>
                                            <li role="presentation"><a href="#" role="menuitem">Another action</a></li>
                                            <li class="divider" role="presentation"></li>
                                            <li role="presentation"><a href="#" role="menuitem">Separated link</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Mailbox"><i class="icsw16-mail"></i><span class="badge badge-info">6</span></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Comments"><i class="icsw16-speech-bubbles"></i><span class="badge badge-important">14</span></a></li>
                                    <li class="active"><span class="ptip_s" title="Statistics (active)"><i class="icsw16-graph"></i></span></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Settings"><i class="icsw16-cog"></i></a></li>
                                </ul>
                             </nav>
                        </div>
                        <div class="span4">
                            <div class="user-box">
                                <div class="user-box-inner">
                                    <img src="img/avatars/avatar.png" alt="" class="user-avatar img-avatar">
                                    <div class="user-info">
                                        Welcome, <strong>Jonathan</strong>
                                        <ul class="unstyled">
                                            <li><a href="index0aa3.html?page=user_profile">Settings</a></li>
                                            <li>&middot;</li>
                                            <li><a href="login.html">Logout</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

        <!-- breadcrumbs -->
            <div class="container">
                <ul id="breadcrumbs">
                    <li><a href="javascript:void(0)"><i class="icon-home"></i></a></li>
                    <li><a href="javascript:void(0)">Content</a></li>
                    <li><a href="javascript:void(0)">Article: Lorem ipsum dolor...</a></li>
                    <li><a href="javascript:void(0)">Comments</a></li>
                    <li><span>Lorem ipsum dolor sit amet...</span></li>
                </ul>
            </div>
            
        <!-- main content -->
            <div class="container">
                <div class="row-fluid">
                    <div class="span4">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Code</h4>
                                <div class="pull-right">
                                    <span class="label">123</span>
                                </div>
                            </div>
                            <div class="w-box-content">
<pre class="prettyprint linenums inside_pre">
Sizzle.attr = function( elem, name ) {
  var val,
    xml = isXML( elem );

  if ( !xml ) {
    name = name.toLowerCase();
  }
  if ( (val = Expr.attrHandle[ name ]) ) {
    return val( elem );
  }
  if ( xml || assertAttributes ) {
    return elem.getAttribute( name );
  }
};
</pre>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Tree plugin</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div id="tree">
                                    <ul id="treeData" style="display: none;">
                                        <li id="id1">item1 with key </li>
                                        <li id="id2">item2</li>
                                        <li id="id3" class="folder">
                                            Folder with some children
                                            <ul>
                                                <li id="id3.1">Sub-item 3.1
                                                    <ul>
                                                        <li id="id3.1.1">Sub-item 3.1.1</li>
                                                        <li id="id3.1.2">Sub-item 3.1.2</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li id="id3.2">
                                                    Sub-item 3.2
                                                    <ul>
                                                        <li id="id3.2.1">Sub-item 3.2.1</li>
                                                        <li id="id3.2.2">Sub-item 3.2.2</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li id="id4" class="expanded">
                                            Document with some children (expanded on init)
                                            <ul>
                                                <li id="id4.0.1">Sub-item 4.0.1</li>
                                                <li id="id4.0.2">Sub-item 4.0.2</li>
                                            </ul>
                                        </li>
                                        <li id="id4.1"  class="folder expanded">
                                            Sub-item 4.1
                                            <ul>
                                                <li id="id4.1.1">Sub-item 4.1.1</li>
                                                <li id="id4.1.2">Sub-item 4.1.2</li>
                                            </ul>
                                        </li>	
                                        <li id="id4.2">
                                            Sub-item 4.2
                                            <ul>
                                                <li id="id4.2.1">Sub-item 4.2.1</li>
                                                <li id="id4.2.2">Sub-item 4.2.2</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Text with pagination</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula diam in lorem commodo tristique. Proin pellentesque odio et quam gravida non vehicula lectus viverra. Nunc in consequat dolor. Nam dui mi, porta id vulputate eu, rutrum a enim. Fusce condimentum auctor fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id augue eget urna consequat interdum. Donec est odio, facilisis vitae mattis ac, commodo id risus 
                            </div>
                            <div class="w-box-footer">
                                <div class="pagination pagination-centered">
                                    <ul>
                                        <li class="active"><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                    </ul>
                                </div>	
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span6">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Table</h4>
                            </div>
                            <div class="w-box-content">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>id</th>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Label</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Summer Throssell</td>
                                            <td>summert@example.com</td>
                                            <td><span class="label label-important">lorem</span></td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Anthony Pound</td>
                                            <td>anthonyp@example.com</td>
                                            <td><span class="label label-warning">lorem</span></td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Erin Church</td>
                                            <td>erinc@example.com</td>
                                            <td><span class="label label-success">lorem</span></td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>Declan Pamphlett</td>
                                            <td>declanp@example.com</td>
                                            <td><span class="label">lorem</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="span6">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Users</h4>
                            </div>
                            <div class="w-box-content">
                                <table class="table">
                                    <tbody>
                                        <tr>
                                            <td><img class="img-avatar" alt="" src="img/avatars/avatar_1.png"></td>
                                            <td>
                                                <strong><a href="#">Lorem ipsum dolor sit</a></strong><br />
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                            </td>
                                            <td><span class="label">23 Nov</span></td>
                                        </tr>
                                        <tr>
                                            <td><img class="img-avatar" alt="" src="img/avatars/avatar_4.png"></td>
                                            <td>
                                                <strong><a href="#">Lorem ipsum dolor sit</a></strong><br />
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                            </td>
                                            <td><span class="label">24 Nov</span></td>
                                        </tr>
                                        <tr class="success">
                                            <td><img class="img-avatar" alt="" src="img/avatars/avatar_3.png"></td>
                                            <td>
                                                <strong><a href="#">Lorem ipsum dolor sit</a></strong><br />
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                            </td>
                                            <td><span class="label label-success">26 Nov</span></td>
                                        </tr>
                                        <tr>
                                            <td><img class="img-avatar" alt="" src="img/avatars/avatar_2.png"></td>
                                            <td>
                                                <strong><a href="#">Lorem ipsum dolor sit</a></strong><br />
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                            </td>
                                            <td><span class="label">28 Nov</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span7">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Toolbar</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="toolbar clearfix">
                                    <div class="pull-left">
                                        <div class="toolbar-icons clearfix">
                                            <a href="#"><i class="icsw16-document icsw16-white"></i></a>
                                            <a href="#"><i class="icsw16-pencil icsw16-white"></i></a>
                                            <a href="#"><i class="icsw16-alert icsw16-white"></i></a>
                                            <a href="#"><i class="icsw16-printer icsw16-white"></i></a>
                                        </div>
                                    </div>
                                    <div class="pull-right">
                                        <div class="btn-group">
                                            <button class="btn btn-mini">lorem</button>
                                            <button class="btn btn-mini">ipsum</button>
                                            <button class="btn btn-mini">dolor</button>
                                        </div>
                                    </div>
                                </div>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et tellus felis, sit amet interdum tellus. Suspendisse sit amet scelerisque dui. Vivamus faucibus magna quis augue venenatis ullamcorper. Proin eget mauris eget orci lobortis luctus ac a sem. Curabitur feugiat, eros consectetur egestas iaculis, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et tellus felis, sit amet interdum tellus. Suspendisse sit amet scelerisque dui. Vivamus faucibus magna quis augue venenatis ullamcorper. Proin eget mauris eget orci lobortis luctus ac a sem. Curabitur feugiat, eros consectetur egestas iaculis, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et tellus felis, sit amet interdum tellus. Suspendisse sit amet scelerisque dui. Vivamus faucibus magna quis augue venenatis ullamcorper. Proin eget mauris eget orci lobortis luctus ac a sem. Curabitur feugiat, eros consectetur egestas iaculis, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et tellus felis, sit amet interdum tellus. Suspendisse sit amet scelerisque dui. Vivamus faucibus magna quis augue venenatis ullamcorper. Proin eget mauris eget orci lobortis luctus ac a sem. Curabitur feugiat, eros consectetur egestas iaculis, 
                            </div>
                        </div>
                    </div>
                    <div class="span5">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Tabs</h4>
                                <ul class="nav-tabs pull-right">
                                    <li class="active"><a href="#first" data-toggle="tab">first</a></li>
                                    <li><a href="#second" data-toggle="tab">second</a></li>
                                    <li><a href="#third" data-toggle="tab">third</a></li>
                                </ul>	
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="first">
                                        <p class="heading_a">Tab 1</p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies metus in tellus consectetur blandit. Maecenas posuere dapibus gravida. Pellentesque tincidunt, turpis nec lacinia bibendum, erat nisi iaculis risus, in gravida enim velit at nibh. Suspendisse feugiat feugiat purus sed sodales. Nullam eu sapien et enim varius euismod. Nam sagittis adipiscing mauris, vitae suscipit nisl ornare id. Maecenas dapibus magna in mi ultricies non convallis augue auctor. Proin consectetur ultrices fringilla. Nunc nunc metus, ornare hendrerit eleifend vel, pharetra sit amet lacus. Vestibulum a metus magna, ut porta metus. 
                                    </div>
                                    <div class="tab-pane" id="second">
                                        <p class="heading_a">Tab 2</p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies metus in tellus consectetur blandit. Maecenas posuere dapibus gravida. Pellentesque tincidunt, turpis nec lacinia bibendum, erat nisi iaculis risus, in gravida enim velit at nibh. Suspendisse feugiat feugiat purus sed sodales. Nullam eu sapien et enim varius euismod. Nam sagittis adipiscing mauris, vitae suscipit nisl ornare id. Maecenas dapibus magna in mi ultricies non convallis augue auctor. Proin consectetur ultrices fringilla. Nunc nunc metus, ornare hendrerit eleifend vel, pharetra sit amet lacus. Vestibulum a metus magna, ut porta metus. Fusce fermentum ante ut eros vestibulum dapibus. Mauris quis ipsum at sapien vulputate porta. Etiam scelerisque auctor enim, ac hendrerit tellus egestas id. Sed hendrerit tempor erat vel ullamcorper. Mauris porttitor dolor non orci egestas et hendrerit augue viverra. 
                                    </div>
                                    <div class="tab-pane" id="third">
                                        <p class="heading_a">Tab 3</p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies metus in tellus consectetur blandit. Maecenas posuere dapibus gravida. Pellentesque tincidunt, turpis nec lacinia bibendum, erat nisi iaculis risus, in gravida enim velit at nibh. Suspendisse feugiat feugiat purus sed sodales. Nullam eu sapien et enim varius euismod. Nam sagittis adipiscing mauris, vitae suscipit nisl ornare id. Maecenas dapibus magna in mi ultricies non convallis augue auctor. Proin consectetur ultrices fringilla. Nunc nunc metus, ornare hendrerit eleifend vel, pharetra sit amet lacus. Vestibulum a metus magna, ut porta metus. Fusce fermentum ante ut eros vestibulum dapibus. Mauris quis ipsum at sapien vulputate porta. Etiam scelerisque auctor enim, ac hendrerit tellus egestas id.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Default box</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <code>.w-box</code>
                            </div>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="w-box w-box-blue">
                            <div class="w-box-header">
                                <h4>Blue box</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <code>.w-box-blue</code>
                            </div>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="w-box w-box-green">
                            <div class="w-box-header">
                                <h4>Green box</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <code>.w-box-green</code>
                            </div>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="w-box w-box-orange">
                            <div class="w-box-header">
                                <h4>Orange box</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <code>.w-box-orange</code>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span6">
                        <div class="w-box hideable">
                            <div class="w-box-header">
                                <h4>Expanded box</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque voluptas sed beatae dolore doloribus obcaecati repudiandae reiciendis. Reiciendis eius rerum blanditiis doloremque voluptas minus commodi cumque quaerat quo necessitatibus voluptate.
                            </div>
                        </div>
                    </div>
                    <div class="span6">
                        <div class="w-box hideable">
                            <div class="w-box-header">
                                <h4>Colapsed box</h4>
                            </div>
                            <div class="w-box-content cnt_a content-hide">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati ipsum porro temporibus voluptas eius modi repellendus maxime consequatur optio est explicabo repudiandae consectetur consequuntur sunt fugiat incidunt quam earum laborum.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_space"></div>
        </div> 

    <!-- footer --> 
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span5">
                        <div>&copy; Your Company 2012</div>
                    </div>
                    <div class="span7">
                        <ul class="unstyled">
                            <li><a href="#">First link</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Second link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        
    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
            <script src="js/jquery-migrate.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>

        <!-- jQuery UI -->
            <script src="js/lib/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
        <!-- touch event support for jQuery UI -->
            <script src="js/lib/jquery-ui/jquery.ui.touch-punch.min.js"></script>
        <!-- code prettifier -->
            <script src="js/lib/google-code-prettify/prettify.js"></script>
            <script type="text/javascript">
                if(typeof prettyPrint == 'function') {
                    prettyPrint();
                }
            </script>
        <!-- tree plugin -->
            <script src="js/lib/dynatree/jquery.dynatree.min.js"></script>
            <script type="text/javascript">
                $(function(){
                    $("#tree").dynatree({checkbox: true});
                });
            </script>
<script>
    if($(window).width() > '1280') {
        $('body').append('<a href="javascript:void" class="fluid_lay" style="position:fixed;top:6px;right:10px;z-index:10000" title="fluid layout"><i class="splashy-arrow_state_grey_left"></i><i class="splashy-arrow_state_grey_right"></i></a>');
        $('.fluid_lay').click(function() {
            var url = window.location.href;    
            if (url.indexOf('?') > -1){
               url += '&fluid=1'
            }else{
               url += '?fluid=1'
            }
            window.location.href = url;
        });
        $(window).on('resize',function() {
            if($(window).width() > '1280') {
                $('.fluid_lay').show();
            } else {
                $('.fluid_lay').hide();
            }
        })
    }
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-37020220-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
    </body>

<!-- Mirrored from beoro-admin.tzdthemes.com/index.php?page=widgets by HTTrack Website Copier/3.x [XR&CO'2013], Mon, 24 Mar 2014 17:55:22 GMT -->
</html>